{* Extend our master template *}
{extends file="master.tpl"}

{* This block is defined in the master.php template *}
{block name=title}{$title}{/block}
{block name=keywords append} {$keywords}{/block}
{block name=description}{$description}{/block}
{block name=type}{$type}{/block}
{block name=content}
  <div class="container row articleDetail">
    <article class="row">
      {include file='components/title.tpl' title=$title}
      <div class="container">
      	<div class="twothird">
          <div class="row print-hide">
            <span class="small">
              <a href="http://www.printfriendly.com/print?url={''|current_url}" style="color:#6D9F00;text-decoration:none;" class="printfriendly" onclick="window.print();return false;" title="Printer Friendly and PDF"><img style="border:none;-webkit-box-shadow:none;box-shadow:none;" src="http://cdn.printfriendly.com/button-print-blu20.png" alt="Print Friendly and PDF"/></a>
            </span>
            <div class="push-right">
              <div class="fb-like" data-href="{''|current_url}" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>
            </div>
          </div>
          <div class="row">
      	    <div class="small">{$detail['content']}</div>
          </div>
          <div class="row">
            {include file='components/title.tpl' title='Tags'}
            {if $tags}
              {foreach from=$tags item=tag}
                <span><i class="fa fa-tag"></i><a href="{$BASE_URL}tags/?tag={$tag['url']}">{$tag['name']}</a></span>&nbsp;
              {/foreach}
            {/if}
          </div>
          {if $detail['video_id']}
            <div class="row">
              {include file='components/title.tpl' title='Video hướng dẫn' href='video-cam-nang'}
              <iframe width="100%" height="500" src="//www.youtube.com/embed/HDJEZ9aLMGE" frameborder="0" allowfullscreen></iframe>
            </div>
          {/if}
          <div class="row">
            {if $next_article}
              <span class="push-right">
                <a href="{$BASE_URL}cam-nang-nau-an/{$next_article['id']}-{$next_article['url']}.html">{$next_article['title']}</a>&nbsp;<i class="fa fa-arrow-circle-right"></i>
              </span>
            {/if}
            {if $prev_article}
              <span>
                <i class="fa fa-arrow-circle-left"></i>&nbsp;<a href="{$BASE_URL}cam-nang-nau-an/{$prev_article['id']}-{$prev_article['url']}.html">{$prev_article['title']}</a>
              </span>
            {/if}
          </div>
          <div class="row">
            {include file='components/title.tpl' title='Sản phẩm' href='san-pham'}
            {include file='components/product_item.tpl' limit=2}
          </div>
  			  <div class="fb-comments" data-href="{''|current_url}" data-numposts="2" data-colorscheme="light" data-width="630"></div>
      	</div>
  		  <div class="third">
  			  <div class="fb-like-box" data-href="{$this->config->item('facebook_fanpage_link')}" data-width="300" data-height="1000" data-colorscheme="light" data-show-faces="false" data-header="false" data-stream="true" data-show-border="true"></div>
  		  </div>
      </div>
    </article>
  </div>
{/block}

{block name=cooking}
  <article class="third row">
    <h2>Cẩm nang khác</h2>
    {include file="components/list_articles_home.tpl" articles=$other_articles}
  </article>
{/block}